@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/slider_vars.css

@@ -1,85 +1,94 @@
-.A-RCEa_i18nFontFamily {
+._3e7nca_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_i18nFontFamily:lang(zh-SG), .A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 
-.A-RCEa_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;
+  }
 }
 
-.A-RCEa_spectrum-FocusRing-ring {
+._3e7nca_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)));
-}
 
-.A-RCEa_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;
+  }
 }
 
-.A-RCEa_spectrum-FocusRing.A-RCEa_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);
+._3e7nca_spectrum-FocusRing {
+  &._3e7nca_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);
+    }
+  }
 }
 
-.A-RCEa_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._3e7nca_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.A-RCEa_spectrum-FocusRing--quiet.A-RCEa_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);
+  &._3e7nca_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) {
-  .A-RCEa_spectrum-FocusRing, .A-RCEa_spectrum-FocusRing-ring, .A-RCEa_spectrum-FocusRing--quiet {
+  ._3e7nca_spectrum-FocusRing, ._3e7nca_spectrum-FocusRing-ring, ._3e7nca_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.A-RCEa_spectrum-FocusRing, .A-RCEa_spectrum-FocusRing-ring, .A-RCEa_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-.A-RCEa_spectrum-Slider {
+._3e7nca_spectrum-Slider {
   z-index: 1;
   -webkit-user-select: none;
   user-select: none;
@@ -89,42 +98,42 @@
   flex-shrink: 0;
   display: block;
   position: relative;
-}
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionTop {
-  width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
-  flex-direction: column;
-  display: inline-flex;
-}
+  &._3e7nca_spectrum-Slider--positionTop {
+    width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
+    flex-direction: column;
+    display: inline-flex;
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionTop .A-RCEa_spectrum-Slider-controls {
-  width: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) * 2);
-}
+    & ._3e7nca_spectrum-Slider-controls {
+      width: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) * 2);
+    }
+  }
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionSide {
-  align-items: center;
-  width: auto;
-  display: inline-flex;
-}
+  &._3e7nca_spectrum-Slider--positionSide {
+    align-items: center;
+    width: auto;
+    display: inline-flex;
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionSide .A-RCEa_spectrum-Slider-controls {
-  width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
-  flex: 1;
-}
+    & ._3e7nca_spectrum-Slider-controls {
+      width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
+      flex: 1;
+    }
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionSide .A-RCEa_spectrum-Slider-labelContainer {
-  margin-inline-end: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
-}
+    & ._3e7nca_spectrum-Slider-labelContainer {
+      margin-inline-end: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
+    }
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionSide .A-RCEa_spectrum-Slider-valueLabelContainer {
-  margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
-}
+    & ._3e7nca_spectrum-Slider-valueLabelContainer {
+      margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
+    }
 
-.A-RCEa_spectrum-Slider.A-RCEa_spectrum-Slider--positionSide .A-RCEa_spectrum-Slider-value {
-  text-align: start;
+    & ._3e7nca_spectrum-Slider-value {
+      text-align: start;
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider-controls {
+._3e7nca_spectrum-Slider-controls {
   box-sizing: border-box;
   z-index: auto;
   min-block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
@@ -136,7 +145,7 @@
   position: relative;
 }
 
-.A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer, .A-RCEa_spectrum-Slider-ramp, .A-RCEa_spectrum-Slider-fill {
+._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer, ._3e7nca_spectrum-Slider-ramp, ._3e7nca_spectrum-Slider-fill {
   block-size: var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick));
   box-sizing: border-box;
   z-index: 1;
@@ -147,46 +156,48 @@
   inset-inline: 0 auto;
 }
 
-.A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer, .A-RCEa_spectrum-Slider-fill {
+._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer, ._3e7nca_spectrum-Slider-fill {
   padding-block: 0;
   padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
   margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
-}
 
-:is(.A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer, .A-RCEa_spectrum-Slider-fill):before {
-  content: "";
-  block-size: 100%;
-  display: block;
-}
+  &:before {
+    content: "";
+    block-size: 100%;
+    display: block;
+  }
 
-:is(.A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer, .A-RCEa_spectrum-Slider-fill):first-of-type:before {
-  border-start-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
-  border-end-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
-}
+  &:first-of-type:before {
+    border-start-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
+    border-end-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
+  }
 
-:is(.A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer, .A-RCEa_spectrum-Slider-fill):last-of-type:before {
-  border-start-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
-  border-end-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
+  &:last-of-type:before {
+    border-start-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
+    border-end-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
+  }
 }
 
-.A-RCEa_spectrum-Slider-fill {
+._3e7nca_spectrum-Slider-fill {
   padding-block: 0;
-  padding-inline: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)))) 0;
+  padding-inline: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))))
+    0;
   z-index: 2;
   margin-inline-start: 0;
 }
 
-.A-RCEa_spectrum-Slider-fill--right {
+._3e7nca_spectrum-Slider-fill--right {
   padding-block: 0;
-  padding-inline: 0 calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))));
+  padding-inline: 0
+    calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))));
 }
 
-.A-RCEa_spectrum-Slider-buffer {
+._3e7nca_spectrum-Slider-buffer {
   padding-block: 0;
   padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
 }
 
-.A-RCEa_spectrum-Slider-track ~ .A-RCEa_spectrum-Slider-track, .A-RCEa_spectrum-Slider-buffer ~ .A-RCEa_spectrum-Slider-buffer {
+._3e7nca_spectrum-Slider-track ~ ._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer ~ ._3e7nca_spectrum-Slider-buffer {
   padding-block: 0;
   padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
   margin-inline-start: 0;
@@ -194,56 +205,59 @@
   inset-inline: auto 0;
 }
 
-.A-RCEa_spectrum-Slider-buffer ~ .A-RCEa_spectrum-Slider-buffer {
+._3e7nca_spectrum-Slider-buffer ~ ._3e7nca_spectrum-Slider-buffer {
   padding-block: 0;
   padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) 0;
   margin-inline-end: 0;
-}
-
-.A-RCEa_spectrum-Slider-buffer ~ .A-RCEa_spectrum-Slider-buffer:after {
-  display: none;
-}
 
-.A-RCEa_spectrum-Slider--range .A-RCEa_spectrum-Slider-track {
-  padding-block: 0;
-  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2));
-  inset-inline: auto;
-}
-
-.A-RCEa_spectrum-Slider--range .A-RCEa_spectrum-Slider-track:first-of-type {
-  padding-block: 0;
-  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
-  margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
-  inset-inline: 0 auto;
+  &:after {
+    display: none;
+  }
 }
 
-.A-RCEa_spectrum-Slider--range .A-RCEa_spectrum-Slider-track:last-of-type {
-  padding-block: 0;
-  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
-  margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
-  inset-inline: auto 0;
+._3e7nca_spectrum-Slider--range {
+  & ._3e7nca_spectrum-Slider-track {
+    padding-block: 0;
+    padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2))
+      calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2));
+    inset-inline: auto;
+
+    &:first-of-type {
+      padding-block: 0;
+      padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
+      margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
+      inset-inline: 0 auto;
+    }
+
+    &:last-of-type {
+      padding-block: 0;
+      padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
+      margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
+      inset-inline: auto 0;
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider-buffer {
+._3e7nca_spectrum-Slider-buffer {
   z-index: 2;
 }
 
-.A-RCEa_spectrum-Slider-ramp {
+._3e7nca_spectrum-Slider-ramp {
   block-size: var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200));
   margin-block-start: 0;
   position: absolute;
   inset-block-start: calc(var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200)) / 2);
   inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
   inset-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
-}
 
-.A-RCEa_spectrum-Slider-ramp svg {
-  block-size: 100%;
-  inline-size: 100%;
-  transform: logical rotate(0deg);
+  & svg {
+    block-size: 100%;
+    inline-size: 100%;
+    transform: logical rotate(0deg);
+  }
 }
 
-.A-RCEa_spectrum-Slider-handle {
+._3e7nca_spectrum-Slider-handle {
   z-index: 2;
   box-sizing: border-box;
   inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
@@ -256,37 +270,39 @@
   display: inline-block;
   position: absolute;
   inset-block-start: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
-}
 
-.A-RCEa_spectrum-Slider-handle:active, .A-RCEa_spectrum-Slider-handle.A-RCEa_is-dragged {
-  border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
-}
+  &:active, &._3e7nca_is-dragged {
+    border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
+  }
 
-.A-RCEa_spectrum-Slider-handle:active, .A-RCEa_spectrum-Slider-handle.A-RCEa_is-focused, .A-RCEa_spectrum-Slider-handle.A-RCEa_is-dragged, .A-RCEa_spectrum-Slider-handle.A-RCEa_is-tophandle {
-  z-index: 3;
-}
+  &:active, &._3e7nca_is-focused, &._3e7nca_is-dragged, &._3e7nca_is-tophandle {
+    z-index: 3;
+  }
 
-.A-RCEa_spectrum-Slider-handle:before {
-  content: " ";
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                width var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                height var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  width: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
-  height: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
-  border-radius: 100%;
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
+  &:before {
+    content: " ";
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+      width var(--spectrum-global-animation-duration-100, .13s) ease-out,
+      height var(--spectrum-global-animation-duration-100, .13s) ease-out;
+    width: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
+    height: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
+    border-radius: 100%;
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
 
-.A-RCEa_spectrum-Slider-handle.A-RCEa_is-focused:before {
-  width: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
-  height: calc(var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+  &._3e7nca_is-focused {
+    &:before {
+      width: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+      height: calc(var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider-input {
+._3e7nca_spectrum-Slider-input {
   inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
   block-size: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
   opacity: .000001;
@@ -300,13 +316,13 @@
   inset-block-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
   inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
   overflow: hidden;
-}
 
-.A-RCEa_spectrum-Slider-input:focus {
-  outline: none;
+  &:focus {
+    outline: none;
+  }
 }
 
-.A-RCEa_spectrum-Slider-labelContainer, .A-RCEa_spectrum-Slider-valueLabelContainer {
+._3e7nca_spectrum-Slider-labelContainer, ._3e7nca_spectrum-Slider-valueLabelContainer {
   inline-size: auto;
   font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
   line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
@@ -314,19 +330,19 @@
   position: relative;
 }
 
-.A-RCEa_spectrum-Slider-labelContainer {
+._3e7nca_spectrum-Slider-labelContainer {
   grid-template-columns: auto 1fr auto;
-  grid-template-areas: "A-RCEa_label A-RCEa_contextualHelp A-RCEa_value";
+  grid-template-areas: "_3e7nca_label _3e7nca_contextualHelp _3e7nca_value";
   justify-items: start;
   display: grid;
 }
 
-.A-RCEa_spectrum-Slider-label, .A-RCEa_spectrum-Dial-label {
+._3e7nca_spectrum-Slider-label, ._3e7nca_spectrum-Dial-label {
   flex-grow: 1;
   padding-inline-start: 0;
 }
 
-.A-RCEa_spectrum-Slider-value, .A-RCEa_spectrum-Dial-value {
+._3e7nca_spectrum-Slider-value, ._3e7nca_spectrum-Dial-value {
   cursor: default;
   font-feature-settings: "tnum";
   text-align: end;
@@ -334,19 +350,19 @@
   padding-inline-end: 0;
 }
 
-.A-RCEa_spectrum-Slider-value {
+._3e7nca_spectrum-Slider-value {
   white-space: nowrap;
-  grid-area: A-RCEa_value;
+  grid-area: _3e7nca_value;
   margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
 }
 
-.A-RCEa_spectrum-Slider-contextualHelp.A-RCEa_spectrum-Slider-contextualHelp {
+._3e7nca_spectrum-Slider-contextualHelp._3e7nca_spectrum-Slider-contextualHelp {
   margin-inline-start: var(--spectrum-global-dimension-size-50);
   margin-top: calc(-1 * var(--spectrum-global-dimension-size-25));
-  grid-area: A-RCEa_contextualHelp;
+  grid-area: _3e7nca_contextualHelp;
 }
 
-.A-RCEa_spectrum-Slider-ticks {
+._3e7nca_spectrum-Slider-ticks {
   z-index: 0;
   margin: 0 calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
   justify-content: space-between;
@@ -354,76 +370,85 @@
   display: flex;
 }
 
-.A-RCEa_spectrum-Slider-tick {
+._3e7nca_spectrum-Slider-tick {
   inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
   position: relative;
-}
 
-.A-RCEa_spectrum-Slider-tick:after {
-  content: "";
-  inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
-  block-size: var(--spectrum-slider-tick-mark-height, 10px);
-  border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
-  display: block;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
-}
+  &:after {
+    content: "";
+    inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
+    block-size: var(--spectrum-slider-tick-mark-height, 10px);
+    border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
+    display: block;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
+  }
 
-.A-RCEa_spectrum-Slider-tick .A-RCEa_spectrum-Slider-tickLabel {
-  margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
-  margin-inline: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1) calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1);
-  font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
-  line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
+  & ._3e7nca_spectrum-Slider-tickLabel {
+    margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
+    margin-inline: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1)
+      calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1);
+    font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
+    line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
 
-:is(.A-RCEa_spectrum-Slider-tick:first-of-type, .A-RCEa_spectrum-Slider-tick:last-of-type) .A-RCEa_spectrum-Slider-tickLabel {
-  margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
-  margin-inline: 0;
-  display: block;
-  position: absolute;
-}
+  &:first-of-type, &:last-of-type {
+    & ._3e7nca_spectrum-Slider-tickLabel {
+      margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
+      margin-inline: 0;
+      display: block;
+      position: absolute;
+    }
+  }
 
-.A-RCEa_spectrum-Slider-tick:first-of-type .A-RCEa_spectrum-Slider-tickLabel {
-  inset-inline-start: 0;
-}
+  &:first-of-type {
+    & ._3e7nca_spectrum-Slider-tickLabel {
+      inset-inline-start: 0;
+    }
+  }
 
-.A-RCEa_spectrum-Slider-tick:last-of-type .A-RCEa_spectrum-Slider-tickLabel {
-  inset-inline-end: 0;
+  &:last-of-type {
+    & ._3e7nca_spectrum-Slider-tickLabel {
+      inset-inline-end: 0;
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-labelContainer {
-  padding-block-end: var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
-}
+._3e7nca_spectrum-Slider--color {
+  & ._3e7nca_spectrum-Slider-labelContainer {
+    padding-block-end: var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-controls, .A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-controls:before, .A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-track {
-  min-block-size: auto;
-  block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
-  inline-size: 100%;
-  margin-inline-start: 0;
-}
+  & ._3e7nca_spectrum-Slider-controls, & ._3e7nca_spectrum-Slider-controls:before, & ._3e7nca_spectrum-Slider-track {
+    min-block-size: auto;
+    block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
+    inline-size: 100%;
+    margin-inline-start: 0;
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-controls:before {
-  content: "";
-  display: block;
-}
+  & ._3e7nca_spectrum-Slider-controls:before {
+    content: "";
+    display: block;
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-controls:before, .A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-track {
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  margin-block-start: 0;
-  margin-inline-end: 0;
-  padding: 0;
-  inset-block-start: 0;
-}
+  & ._3e7nca_spectrum-Slider-controls:before, & ._3e7nca_spectrum-Slider-track {
+    border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+    margin-block-start: 0;
+    margin-inline-end: 0;
+    padding: 0;
+    inset-block-start: 0;
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle {
-  inset-block-start: 50%;
+  & ._3e7nca_spectrum-Slider-handle {
+    inset-block-start: 50%;
+  }
 }
 
-.A-RCEa_spectrum-Dial {
+._3e7nca_spectrum-Dial {
   block-size: auto;
   min-block-size: 0;
   min-inline-size: 0;
@@ -432,15 +457,17 @@
   display: inline-flex;
 }
 
-.A-RCEa_spectrum-Dial-labelContainer {
+._3e7nca_spectrum-Dial-labelContainer {
   margin-block-end: var(--spectrum-global-dimension-size-65);
 }
 
-.A-RCEa_spectrum-Dial-label:only-child {
-  text-align: center;
+._3e7nca_spectrum-Dial-label {
+  &:only-child {
+    text-align: center;
+  }
 }
 
-.A-RCEa_spectrum-Dial-controls {
+._3e7nca_spectrum-Dial-controls {
   inline-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
   block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
   border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
@@ -450,29 +477,29 @@
   margin: 0;
   display: inline-block;
   position: relative;
-}
 
-.A-RCEa_spectrum-Dial-controls:before, .A-RCEa_spectrum-Dial-controls:after {
-  content: "";
-  inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
-  block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
-  border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
-  position: absolute;
-  inset-block-end: 0;
-}
+  &:before, &:after {
+    content: "";
+    inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
+    block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
+    border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
+    position: absolute;
+    inset-block-end: 0;
+  }
 
-.A-RCEa_spectrum-Dial-controls:before {
-  transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
-  inset-inline-start: auto;
-  inset-inline-end: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
-}
+  &:before {
+    transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
+    inset-inline-start: auto;
+    inset-inline-end: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
+  }
 
-.A-RCEa_spectrum-Dial-controls:after {
-  transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
-  inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
+  &:after {
+    transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
+    inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
+  }
 }
 
-.A-RCEa_spectrum-Dial-handle {
+._3e7nca_spectrum-Dial-handle {
   border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
   block-size: 100%;
   inline-size: 100%;
@@ -487,308 +514,409 @@
   inset-block-end: var(--spectrum-global-dimension-size-100);
   inset-inline-start: var(--spectrum-global-dimension-size-100);
   inset-inline-end: var(--spectrum-global-dimension-size-100);
-}
 
-.A-RCEa_spectrum-Dial-handle:after {
-  content: "";
-  inline-size: var(--spectrum-dial-handle-marker-width, 12px);
-  block-size: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
-  border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
-  transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
-  transform: translateY(-50%);
-}
+  &:after {
+    content: "";
+    inline-size: var(--spectrum-dial-handle-marker-width, 12px);
+    block-size: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
+    border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
+    transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
+    transform: translateY(-50%);
+  }
 
-.A-RCEa_spectrum-Dial-handle:active, .A-RCEa_spectrum-Dial-handle.A-RCEa_is-focused, .A-RCEa_spectrum-Dial-handle.A-RCEa_is-dragged {
-  border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
-  cursor: ns-resize;
-  cursor: grabbing;
+  &:active, &._3e7nca_is-focused, &._3e7nca_is-dragged {
+    border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
+    cursor: ns-resize;
+    cursor: grabbing;
+  }
 }
 
-.A-RCEa_spectrum-Dial-input {
+._3e7nca_spectrum-Dial-input {
   block-size: 100%;
   inline-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
 
-.A-RCEa_spectrum-Dial--small .A-RCEa_spectrum-Dial-controls {
-  inline-size: var(--spectrum-dial-small-width, var(--spectrum-global-dimension-static-size-300));
-  block-size: var(--spectrum-dial-small-height, var(--spectrum-global-dimension-static-size-300));
+._3e7nca_spectrum-Dial--small {
+  & ._3e7nca_spectrum-Dial-controls {
+    inline-size: var(--spectrum-dial-small-width, var(--spectrum-global-dimension-static-size-300));
+    block-size: var(--spectrum-dial-small-height, var(--spectrum-global-dimension-static-size-300));
+  }
 }
 
-:is(.A-RCEa_spectrum-Slider, .A-RCEa_spectrum-Dial).A-RCEa_is-disabled {
-  cursor: default;
-}
+._3e7nca_spectrum-Slider, ._3e7nca_spectrum-Dial {
+  &._3e7nca_is-disabled {
+    cursor: default;
 
-:is(.A-RCEa_spectrum-Slider, .A-RCEa_spectrum-Dial).A-RCEa_is-disabled .A-RCEa_spectrum-Slider-handle {
-  cursor: default;
-  pointer-events: none;
-}
+    & ._3e7nca_spectrum-Slider-handle {
+      cursor: default;
+      pointer-events: none;
+    }
 
-:is(.A-RCEa_spectrum-Slider, .A-RCEa_spectrum-Dial).A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle.A-RCEa_is-hovered, :is(.A-RCEa_spectrum-Slider, .A-RCEa_spectrum-Dial).A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle:active {
-  border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
+    &._3e7nca_spectrum-Slider--color {
+      & ._3e7nca_spectrum-Slider-handle {
+        &._3e7nca_is-hovered, &:active {
+          border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
+        }
+      }
+    }
+  }
 }
 
-.A-RCEa_u-isGrabbing {
+._3e7nca_u-isGrabbing {
   cursor: ns-resize;
   cursor: -webkit-grabbing;
   cursor: grabbing;
   -webkit-user-select: none;
   user-select: none;
-}
 
-.A-RCEa_u-isGrabbing .A-RCEa_spectrum-Dial .A-RCEa_spectrum-Dial-label, .A-RCEa_u-isGrabbing .A-RCEa_spectrum-Dial .A-RCEa_spectrum-Dial-value, .A-RCEa_u-isGrabbing .A-RCEa_spectrum-Slider .A-RCEa_spectrum-Slider-label, .A-RCEa_u-isGrabbing .A-RCEa_spectrum-Slider .A-RCEa_spectrum-Slider-value {
-  cursor: inherit;
-}
+  & ._3e7nca_spectrum-Dial {
+    & ._3e7nca_spectrum-Dial-label, & ._3e7nca_spectrum-Dial-value {
+      cursor: inherit;
+    }
+  }
 
-.A-RCEa_spectrum-Slider-controls:before, .A-RCEa_spectrum-Slider-controls:after {
-  content: "";
-  inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
-  block-size: 100%;
-  display: block;
-  position: absolute;
+  & ._3e7nca_spectrum-Slider {
+    & ._3e7nca_spectrum-Slider-label, & ._3e7nca_spectrum-Slider-value {
+      cursor: inherit;
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider-controls:before {
-  inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
-}
+._3e7nca_spectrum-Slider-controls {
+  &:before, &:after {
+    content: "";
+    inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
+    block-size: 100%;
+    display: block;
+    position: absolute;
+  }
 
-.A-RCEa_spectrum-Slider-controls:after {
-  inset-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
+  &:before {
+    inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
+  }
+
+  &:after {
+    inset-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
+  }
 }
 
-.A-RCEa_spectrum-Slider {
+._3e7nca_spectrum-Slider {
   --spectrum-slider-track-gradient: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
 }
 
-.A-RCEa_spectrum-Slider-track:before {
-  background: var(--spectrum-slider-track-gradient);
-  background-size: var(--spectrum-track-background-size);
-  background-position: var(--spectrum-track-background-position);
+._3e7nca_spectrum-Slider-track {
+  &:before {
+    background: var(--spectrum-slider-track-gradient);
+    background-size: var(--spectrum-track-background-size);
+    background-position: var(--spectrum-track-background-position);
+  }
 }
 
-.A-RCEa_spectrum-Slider-labelContainer {
+._3e7nca_spectrum-Slider-labelContainer {
   color: var(--spectrum-label-text-color, var(--spectrum-alias-label-text-color));
 }
 
-.A-RCEa_spectrum-Slider--filled .A-RCEa_spectrum-Slider-track:first-child:before, .A-RCEa_spectrum-Slider-fill:before {
-  background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
+._3e7nca_spectrum-Slider--filled {
+  & ._3e7nca_spectrum-Slider-track:first-child {
+    &:before {
+      background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider-buffer:before, .A-RCEa_spectrum-Slider-buffer:after {
-  background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
+._3e7nca_spectrum-Slider-fill {
+  &:before {
+    background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
+  }
 }
 
-.A-RCEa_spectrum-Slider-ramp path {
-  fill: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
+._3e7nca_spectrum-Slider-buffer {
+  &:before, &:after {
+    background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
+  }
+}
+
+._3e7nca_spectrum-Slider-ramp {
+  & path {
+    fill: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
+  }
 }
 
-.A-RCEa_spectrum-Slider-handle {
+._3e7nca_spectrum-Slider-handle {
   border-color: var(--spectrum-slider-handle-border-color, var(--spectrum-global-color-gray-700));
   background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
-}
 
-.A-RCEa_spectrum-Slider-handle.A-RCEa_is-hovered {
-  border-color: var(--spectrum-slider-handle-border-color-hover, var(--spectrum-global-color-gray-800));
-}
+  &._3e7nca_is-hovered {
+    border-color: var(--spectrum-slider-handle-border-color-hover, var(--spectrum-global-color-gray-800));
+  }
 
-.A-RCEa_spectrum-Slider-handle.A-RCEa_is-focused {
-  border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
-}
+  &._3e7nca_is-focused {
+    border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
 
-.A-RCEa_spectrum-Slider-handle.A-RCEa_is-focused:before {
-  box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
-}
+    &:before {
+      box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25))
+        var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
+    }
+  }
 
-.A-RCEa_spectrum-Slider-handle:active, .A-RCEa_spectrum-Slider-handle.A-RCEa_is-dragged {
-  border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
+  &:active, &._3e7nca_is-dragged {
+    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
+  }
 }
 
-.A-RCEa_spectrum-Slider--ramp .A-RCEa_spectrum-Slider-handle {
-  box-shadow: 0 0 0 4px var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
+._3e7nca_spectrum-Slider--ramp {
+  & ._3e7nca_spectrum-Slider-handle {
+    box-shadow: 0 0 0 4px var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
+  }
 }
 
-.A-RCEa_spectrum-Slider-input {
+._3e7nca_spectrum-Slider-input {
   background: none;
 }
 
-.A-RCEa_spectrum-Slider-tick:after {
-  background-color: var(--spectrum-slider-tick-mark-color, var(--spectrum-alias-track-color-default));
+._3e7nca_spectrum-Slider-tick {
+  &:after {
+    background-color: var(--spectrum-slider-tick-mark-color, var(--spectrum-alias-track-color-default));
+  }
 }
 
-.A-RCEa_spectrum-Slider-handle.A-RCEa_is-dragged {
-  border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
-  background: var(--spectrum-slider-handle-background-color-down, var(--spectrum-alias-background-color-transparent));
+._3e7nca_spectrum-Slider-handle {
+  &._3e7nca_is-dragged {
+    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
+    background: var(--spectrum-slider-handle-background-color-down, var(--spectrum-alias-background-color-transparent));
+  }
 }
 
-.A-RCEa_spectrum-Slider--range .A-RCEa_spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
-  background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
+._3e7nca_spectrum-Slider--range {
+  & ._3e7nca_spectrum-Slider-track {
+    &:not(:first-of-type):not(:last-of-type) {
+      &:before {
+        background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
+      }
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-controls:before {
-  background-color: var(--spectrum-global-color-static-white, #fff);
-  background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%),
+._3e7nca_spectrum-Slider--color {
+  & ._3e7nca_spectrum-Slider-controls:before {
+    background-color: var(--spectrum-global-color-static-white, #fff);
+    background-image: linear-gradient(-45deg,
+        transparent 75.5%,
+        var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%),
       linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%),
-      linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%),
+      linear-gradient(-45deg,
+        var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%,
+        transparent 25.5%),
       linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
-  background-size: var(--spectrum-global-dimension-static-size-200, 16px)
+    background-size: var(--spectrum-global-dimension-static-size-200, 16px)
       var(--spectrum-global-dimension-static-size-200, 16px);
-  background-position: 0 0,
+    background-position: 0 0,
       0 var(--spectrum-global-dimension-static-size-100, 8px),
-      var(--spectrum-global-dimension-static-size-100, 8px) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)),
+      var(--spectrum-global-dimension-static-size-100, 8px)
+        calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)),
       calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
-  z-index: 0;
-}
+    z-index: 0;
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-track {
-  background-color: #0000;
-  background-image: linear-gradient(to right, var(--spectrum-slider-color-track-background-color-gradient-start, var(--spectrum-global-color-blue-400)), var(--spectrum-slider-color-track-background-color-gradient-end, var(--spectrum-global-color-blue-700)));
-  box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-track-border-color, var(--spectrum-alias-border-color-translucent-dark));
-}
+  & ._3e7nca_spectrum-Slider-track {
+    background-color: #0000;
+    background-image: linear-gradient(to right,
+      var(--spectrum-slider-color-track-background-color-gradient-start, var(--spectrum-global-color-blue-400)),
+      var(--spectrum-slider-color-track-background-color-gradient-end, var(--spectrum-global-color-blue-700)));
+    box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-track-border-color, var(--spectrum-alias-border-color-translucent-dark));
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-track:before {
-  display: none;
-}
+    &:before {
+      display: none;
+    }
+  }
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle {
-  box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-handle-inset-border-color, var(--spectrum-alias-border-color-translucent-dark)), 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color, var(--spectrum-alias-border-color-translucent-dark));
-  border-color: var(--spectrum-slider-color-handle-border-color, var(--spectrum-global-color-gray-50));
-  background: var(--spectrum-slider-color-handle-color, var(--spectrum-alias-border-color-transparent));
-}
+  & ._3e7nca_spectrum-Slider-handle {
+    box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-handle-inset-border-color, var(--spectrum-alias-border-color-translucent-dark)),
+      0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color, var(--spectrum-alias-border-color-translucent-dark));
+    border-color: var(--spectrum-slider-color-handle-border-color, var(--spectrum-global-color-gray-50));
+    background: var(--spectrum-slider-color-handle-color, var(--spectrum-alias-border-color-transparent));
 
-.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle.A-RCEa_is-focused {
-  box-shadow: 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color-key-focus, var(--spectrum-alias-border-color-translucent-dark));
+    &._3e7nca_is-focused {
+      box-shadow: 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color-key-focus, var(--spectrum-alias-border-color-translucent-dark));
+    }
+  }
 }
 
-.A-RCEa_spectrum-Dial-handle {
+._3e7nca_spectrum-Dial-handle {
   box-shadow: none;
-}
-
-.A-RCEa_spectrum-Dial-handle:before {
-  display: none;
-}
 
-.A-RCEa_spectrum-Dial-handle:after {
-  background-color: var(--spectrum-dial-handle-marker-color, var(--spectrum-global-color-gray-700));
-}
-
-.A-RCEa_spectrum-Dial-handle.A-RCEa_is-hovered:after {
-  background-color: var(--spectrum-dial-handle-marker-color-hover, var(--spectrum-global-color-gray-800));
-}
-
-.A-RCEa_spectrum-Dial-handle.A-RCEa_is-focused {
-  background-color: var(--spectrum-slider-handle-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
-  border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
-}
-
-.A-RCEa_spectrum-Dial-handle.A-RCEa_is-focused:after {
-  background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
-}
-
-.A-RCEa_spectrum-Dial-handle:active, .A-RCEa_spectrum-Dial-handle.A-RCEa_is-dragged {
-  background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
-  border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
-}
-
-:is(.A-RCEa_spectrum-Dial-handle:active, .A-RCEa_spectrum-Dial-handle.A-RCEa_is-dragged):after {
-  background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
-}
-
-.A-RCEa_spectrum-Dial-controls:before, .A-RCEa_spectrum-Dial-controls:after {
-  background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
-}
-
-.A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-labelContainer {
-  color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-.A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-controls:after, .A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-controls:before {
-  background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-}
+  &:before {
+    display: none;
+  }
 
-.A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-handle {
-  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
-}
+  &:after {
+    background-color: var(--spectrum-dial-handle-marker-color, var(--spectrum-global-color-gray-700));
+  }
 
-.A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-handle.A-RCEa_is-hovered, .A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-handle:active {
-  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
-}
+  &._3e7nca_is-hovered {
+    &:after {
+      background-color: var(--spectrum-dial-handle-marker-color-hover, var(--spectrum-global-color-gray-800));
+    }
+  }
 
-.A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-handle:after, .A-RCEa_spectrum-Dial.A-RCEa_is-disabled .A-RCEa_spectrum-Dial-handle:before {
-  background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
-}
+  &._3e7nca_is-focused {
+    background-color: var(--spectrum-slider-handle-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
+    border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-labelContainer {
-  color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+    &:after {
+      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
+    }
+  }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-handle {
-  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
-}
+  &:active, &._3e7nca_is-dragged {
+    background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
+    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-handle.A-RCEa_is-hovered, .A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-handle:active {
-  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
+    &:after {
+      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-track:before {
-  background: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
+._3e7nca_spectrum-Dial-controls {
+  &:before, &:after {
+    background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
+  }
 }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--filled .A-RCEa_spectrum-Slider-track:first-child:before, .A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-fill:before {
-  background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
-}
+._3e7nca_spectrum-Dial {
+  &._3e7nca_is-disabled {
+    & ._3e7nca_spectrum-Dial-labelContainer {
+      color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-buffer:before {
-  background: var(--spectrum-slider-player-track-buffer-color-disabled, var(--spectrum-alias-track-color-default));
-}
+    & ._3e7nca_spectrum-Dial-controls {
+      &:after, &:before {
+        background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+      }
+    }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled .A-RCEa_spectrum-Slider-ramp path {
-  fill: var(--spectrum-slider-ramp-track-color-disabled, var(--spectrum-global-color-gray-200));
-}
+    & ._3e7nca_spectrum-Dial-handle {
+      border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-track {
-  box-shadow: none;
-  background: var(--spectrum-slider-color-track-color-disabled, var(--spectrum-global-color-gray-200)) !important;
-}
+      &._3e7nca_is-hovered, &:active {
+        border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+        background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
+      }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle, .A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle.A-RCEa_is-hovered, .A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--color .A-RCEa_spectrum-Slider-handle:active {
-  background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
-  box-shadow: none;
-  border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+      &:after, &:before {
+        background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
+      }
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider.A-RCEa_is-disabled.A-RCEa_spectrum-Slider--range .A-RCEa_spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
-  background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
+._3e7nca_spectrum-Slider {
+  &._3e7nca_is-disabled {
+    & ._3e7nca_spectrum-Slider-labelContainer {
+      color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
+
+    & ._3e7nca_spectrum-Slider-handle {
+      border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
+
+      &._3e7nca_is-hovered, &:active {
+        border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+        background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
+      }
+    }
+
+    & ._3e7nca_spectrum-Slider-track {
+      &:before {
+        background: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
+      }
+    }
+
+    &._3e7nca_spectrum-Slider--filled {
+      & ._3e7nca_spectrum-Slider-track:first-child {
+        &:before {
+          background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
+        }
+      }
+    }
+
+    & ._3e7nca_spectrum-Slider-fill {
+      &:before {
+        background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
+      }
+    }
+
+    & ._3e7nca_spectrum-Slider-buffer {
+      &:before {
+        background: var(--spectrum-slider-player-track-buffer-color-disabled, var(--spectrum-alias-track-color-default));
+      }
+    }
+
+    & ._3e7nca_spectrum-Slider-ramp {
+      & path {
+        fill: var(--spectrum-slider-ramp-track-color-disabled, var(--spectrum-global-color-gray-200));
+      }
+    }
+
+    &._3e7nca_spectrum-Slider--color {
+      & ._3e7nca_spectrum-Slider-track {
+        box-shadow: none;
+        background: var(--spectrum-slider-color-track-color-disabled, var(--spectrum-global-color-gray-200)) !important;
+      }
+
+      & ._3e7nca_spectrum-Slider-handle {
+        background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
+        box-shadow: none;
+        border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+
+        &._3e7nca_is-hovered, &:active {
+          background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
+          box-shadow: none;
+          border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+        }
+      }
+    }
+
+    &._3e7nca_spectrum-Slider--range {
+      & ._3e7nca_spectrum-Slider-track {
+        &:not(:first-of-type):not(:last-of-type) {
+          &:before {
+            background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
+          }
+        }
+      }
+    }
+  }
 }
 
-.A-RCEa_spectrum-Slider--label-side {
+._3e7nca_spectrum-Slider--label-side {
   align-items: center;
   gap: 7px;
   display: flex;
-}
 
-.A-RCEa_spectrum-Slider--label-side > * {
-  display: inline-block;
-}
+  & > * {
+    display: inline-block;
+  }
 
-.A-RCEa_spectrum-Slider--label-side .A-RCEa_spectrum-Slider-labelContainer {
-  flex-shrink: 0;
-  padding-top: 0;
-}
+  & ._3e7nca_spectrum-Slider-labelContainer {
+    flex-shrink: 0;
+    padding-top: 0;
+  }
 
-.A-RCEa_spectrum-Slider--label-side .A-RCEa_spectrum-Slider-label {
-  margin-inline-end: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200));
+  & ._3e7nca_spectrum-Slider-label {
+    margin-inline-end: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200));
+  }
 }
 
 @media (forced-colors: active) {
-  .A-RCEa_spectrum-Dial {
+  ._3e7nca_spectrum-Dial {
     --spectrum-dial-border-color-hover: Highlight;
     --spectrum-dial-handle-marker-color: ButtonText;
     --spectrum-dial-handle-marker-color-hover: Highlight;
@@ -796,7 +924,7 @@
     --spectrum-dial-min-max-tick-color: GrayText;
   }
 
-  .A-RCEa_spectrum-Slider {
+  ._3e7nca_spectrum-Slider {
     forced-color-adjust: none;
     --spectrum-alias-background-color-default: ButtonFace;
     --spectrum-alias-focus-color: ButtonText;